<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>


<script type="text/javascript">
    //分页 js
    $(function () {
//选择table的id.datagrid控件
        $("#table2").datagrid({
            url: "${pageContext.request.contextPath}/fyb",
//是否显示分页
            pagination: true,
            toolbar: "#del3",
//标题信息
            fit: true,
            title: "用户信息表",
            //width: 499,
            //height: 339,
            onDblClickRow: function (rowIndex, rowData) {
                $("#updatee").panel("open");

                $("#upid").val(rowData.bannerId);
                $("#upimage").val(rowData.bannerImage);
                $("#upname").val(rowData.bannerName);
                $("#upstate").val(rowData.bannerState);

            },
//显示数据
            columns: [[

                {checkbox: true},
                {field: 'bannerId', title: '轮播图编号'},
                {
                    field: 'bannerImage', title:'轮播图图片', formatter: function (value, rowData, rowIndex) {

                        if (value != undefined) {
                            var tp = "<img width='75xp' height='30xp' src='${pageContext.request.contextPath}" + value + "'>";
                            console.info(tp);
                            return tp;
                        }
                        console.info(value);


                    }
                },
                {field: 'bannerName', title: '轮播图名称'},
                {
                    field: 'bannerState', title: '是否显示', formatter: function (value, rowData, rowIndex) {
                        if (value == 2) {
                            return "显示";
                        } else {
                            return "不显示";
                        }

                    }
                },
                {field: 'bannerDate', title: '上传时间'},
            ]],

        });


        $("#insert2").dialog({

            title: "添加",
            closed: true,
            width: 200,
            height: 200,
        });

        $("#updatee").dialog({
            title: "修改信息",
            closed: true,
            width: 200,
            height: 200,
        });


    });

    function tj() {
        $("#insert2").window("open");
    }

    function dj() {
        var de = $("#table2").datagrid("getSelections");
        if (de.length == 0) {
            $.messager.alert('我的消息', '亲,您什么都没有选中哦！', 'warning');
        } else {

            $.messager.confirm('我的消息', '亲,确定要显示此图片吗！', function (s) {
                if (s) {

                    var id = new Array();

                    for (var i = 0; i < de.length; i++) {
                        //           实体类id
                        id[i] = de[i].bannerId;
                    }
                    //alert(id);
                    $.ajax({
                        url: "${pageContext.request.contextPath}/xs",
                        //    controller收参id
                        data: "id=" + id,
                        type: "post",
                        success: function (m) {
                            if (m.myxs) {
                                $("#table2").datagrid("load");
                                $.messager.alert('我的消息', '成功！', 'info');
                            } else {
                                $.messager.alert('我的消息', '失败,请重试！', 'info');
                            }

                        }
                    });
                }

            });

        }
    }

    function jd() {
        var de = $("#table2").datagrid("getSelections");
        if (de.length == 0) {
            $.messager.alert('我的消息', '亲,您什么都没有选中哦！', 'warning');
        } else {

            $.messager.confirm('我的消息', '亲,确定要隐藏此图片吗！', function (s) {
                if (s) {

                    var id = new Array();

                    for (var i = 0; i < de.length; i++) {
                        //           实体类id
                        id[i] = de[i].bannerId;
                    }
                    //alert(id);
                    $.ajax({
                        url: "${pageContext.request.contextPath}/bxs",
                        //    controller收参id
                        data: "id=" + id,
                        type: "post",
                        success: function (m) {
                            if (m.mybxs) {
                                $("#table2").datagrid("load");
                                $.messager.alert('我的消息', '隐藏成功！', 'info');
                            } else {
                                $.messager.alert('我的消息', '失败,请重试！', 'info');
                            }

                        }
                    });
                }

            });

        }
    }

    function tijiao2() {
        $("#addform").form("submit",{

            url:"${pageContext.request.contextPath}/addBanner",
            onSubmit:function(){
                return true;
            },
            //dateType:"json",
            success:function(data){
                var s = JSON.parse(data);
                if(s.myadd){
                    $("#insert2").window("close");
                    $("#table2").datagrid("load");
                    $.messager.alert('我的消息', '添加成功！', 'info');
                }else{
                    $.messager.alert('我的消息', '添加失败！', 'info');
                }
            }
        })


    }

    function tijiao3() {
        $("#upup").form("submit", {
            url: "${pageContext.request.contextPath}/updateb",

            success: function (s) {
                var data = JSON.parse(s);
                if (data.myupdate) {
                    $("#updatee").panel("close");
                    $("#table2").datagrid("load");
                    $.messager.alert('提示', '修改成功!', 'info');
                } else {
                    $.messager.alert('提示', '修改失败,请重试!', 'warning');
                }

            }
        });

    }


</script>
<table id="table2"></table>

<div id="del3">
    <a id="dj" class="easyui-linkbutton" onclick="dj()">显示</a>
    <a id="jd" class="easyui-linkbutton" onclick="jd()">隐藏</a>
    <a id="tj" class="easyui-linkbutton" onclick="tj()">添加</a>
</div>

<div id="insert2">
    <form id="addform" method="post" enctype="multipart/form-data">
        轮播图图片:<input type="file" name="photo" id="image"><br/>
        轮播图名称:<input type="text" name="bannerName" id="name"><br/>
        <%--单选框--%>
        <%-- radio 单选框  name 接收的实体类参数 value 值 checked 默认选中 --%>
        <input type="radio" name="bannerState" value="2" checked="checked" id="state"/>显示
        <input type="radio" name="bannerState" value="3" id="state"/>隐藏

        <input type="button" value="提交" onclick="tijiao2()">
    </form>
</div>

<div id="updatee">
    <form id="upup" method="post">
        <input type="hidden" name="bannerId" id="upid"><br/>
        轮播图图片:<input type="text" name="bannerImage" id="upimage"><br/>
        轮播图名称:<input type="text" name="bannerName" id="upname"><br/>
        <%--单选框--%>
        <%-- radio 单选框  name 接收的实体类参数 value 值 checked 默认选中 --%>
        <input type="radio" name="bannerState" value="2" checked="checked" id="upstate"/>显示
        <input type="radio" name="bannerState" value="3" id="upstate"/>隐藏

        <input type="button" value="提交" onclick="tijiao3()">
    </form>
</div>
